<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<!--主页样式-->
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<!--主导航小图标样式-->
		<link rel="stylesheet" type="text/css" href="css/navicon.css"/>
		<!--其他公用样式-->
		<link rel="stylesheet" type="text/css" href="css/mend.css"/>
		<!--接单样式-->
		<link rel="stylesheet" type="text/css" href="css/jiedan.css"/>
		
		<link rel="stylesheet" href="css/jm_news.css" />
		
		<link rel="stylesheet" href="css/jtcl.css" />
		<link rel="stylesheet" href="css/list.css" />
	</head>
	
	<body class="nav-horizontal logo-c009688 bar-c009688 nav-white" data-class="nav-horizontal">
	<!--顶部-->
	<div id="main_header" class="header-fixed">
		<h1 id="logo" class="j_leftnav"><a href="javascript:;"><i></i><span>人事管理系统</span></a></h1>
		<!--顶部导航 开始-->
		<div id="topnav">
			<ul class="clear">
				<li>
					<a href="javascript:;" data-rippleria class="setup_nav setupbtn rippleria-dark">
						<i></i>
					</a>
				</li>
				<li class="dropdown">
					<a href="javascript:;" data-rippleria class="setup_layout setupbtn rippleria-dark">
						<i></i>
					</a>
					<div class="dropdown-menu">
						<i class="dropdown-adorn"></i>
						<div class="panel-heading">用户选项</div>
						<div class="list-group">
							<div class="list-group-item">
								<p>菜单样式</p>
								<div class="radio-group">
									<label class="setup-layout-lable" data-direction="left">
										<input type="radio" name="direction" />左侧
									</label>
									<label class="setup-layout-lable" data-direction="top">
										<input type="radio" name="direction" checked="checked" />上面
									</label>
								</div>
							</div>
							<div class="list-group-item"  id="j_fixed_all">
								<p>导航样式</p>
								<div class="radio-group fixed-check" id="j-fixed-header"  data-check="true"><i></i>固定头部</div>
								<div class="radio-group fixed-check" id="j-fixed-nav" data-check="true" ><i></i>固定导航菜单</div>
							</div>
						</div>
					</div>
				</li>
				<li class="dropdown">
					<a href="javascript:;" data-rippleria class="setup_skin setupbtn rippleria-dark">
						<i></i>
					</a>
					<div class="dropdown-menu">
						<i class="dropdown-adorn"></i>
						<div class="panel-heading">颜色应用</div>
						<div class="panel-body">
							<div class="row clear">
								<div class="col-xs-4 col-item-header">
									<span class="skin-item logo-bg-c000000 active"></span>
									<span class="skin-item logo-bg-c009688"></span>
									<span class="skin-item logo-bg-c8bc34a"></span>
									<span class="skin-item logo-bg-c00bcd4"></span>
									<span class="skin-item logo-bg-cffca28"></span>
									<span class="skin-item logo-bg-cf44336"></span>
								</div>
								<div class="col-xs-4 col-item-nav">
									<span class="skin-item bar-bg-cffffff"></span>
									<span class="skin-item bar-bg-c009688"></span>
									<span class="skin-item bar-bg-c8bc34a"></span>
									<span class="skin-item bar-bg-c00bcd4"></span>
									<span class="skin-item bar-bg-cffca28"></span>
									<span class="skin-item bar-bg-cf44336"></span>
								</div>
								<div class="col-xs-4 col-item-bar">
									<span class="skin-item header-bg-c000000"></span>
									<span class="skin-item header-bg-c009688"></span>
									<span class="skin-item header-bg-c8bc34a"></span>
									<span class="skin-item header-bg-c00bcd4"></span>
									<span class="skin-item header-bg-cffca28"></span>
									<span class="skin-item header-bg-cf44336"></span>
								</div>
							</div>
						</div>
					</div>
				</li>
			</ul>
			
		</div>
		<!--顶部导航 结束-->
	</div>
	
	<!--中间-->
	<div id="main_box">
		<!--主导航 开始-->
		<div id="nav" class="j_leftnav nav-fixed">
			<div class="nav-wrapper">
				<div class="nav-wrapper-content">
					<ul class="nav-ul clear" style="width: 1063px;">
						<!--一级第一块-->
						<li>
							<a href="任务进行中.html" data-rippleria class="rippleria-dark">
								<em class="small-icon-logo small-icon-num1"></em>
								<strong>任务进行中</strong>
							</a>
						</li>
						
						<!--一级第二块-->
						<li>
							<a href="已完成任务.html" data-rippleria class="rippleria-dark">
								<em class="small-icon-logo small-icon-num2"></em>
								<strong>已完成任务</strong>
							</a>
						</li>
						
						<!--一级第三块-->
						<li class="active">
							<a href="工作统计.html" data-rippleria class="rippleria-dark">
								<em class="small-icon-logo small-icon-num3"></em>
								<strong>工作统计</strong>
							</a>
						</li>
						
						<!--一级第四块-->
						<li>
							<a href="组织架构.html" data-rippleria class="rippleria-dark">
								<em class="small-icon-logo small-icon-num4"></em>
								<strong>组织架构</strong>
							</a>
						</li>
						
						<!--一级第五块-->
						<li>
							<a href="模块设定.html" data-rippleria class="rippleria-dark">
								<em class="small-icon-logo small-icon-num5"></em>
								<strong>模块设定</strong>
							</a>
						</li>
					</ul>
					<a class="more-nav-li" href="javascript:">更多</a>
				</div>
			</div>
		</div>

		
		<!--内容区 开始-->
		<div id="main_content" style="margin-left: 0px;">
			
			<div class="main-wrapper-content">
				<div class="breadcrumb" style="margin-top: 71px;">
					<a href="javascript:;">首页</a> > 
					<a href="javascript:;">工作统计</a> 
				</div>
				<div class="sub-nav">
					<ul class="clear" style="float: left;">
						<li class="current"><a href="javascript:;">员工</a></li>
						<li><a href="javascript:;">主管</a></li>
						<li><a href="javascript:;">经理</a></li>
					</ul>
				</div>
				<div class="search-wrapper">
					<span class="sub_nav_span fl">共<span class="cfd0101" style="font-size: 20px;">66</span>人</span>
					<div class="sub-search-wrapper">
						<select class="fl mr5 bor-ceee">
							<option>全部部门</option>
						</select>
						<select class="fl mr5 bor-ceee">
							<option>2016年5月</option>
						</select>
						<input type="text" class="search-input jm_title_input fl" value="请输入搜索关键字" />
						<input type="button" value="确定" class="md-button ml5 fl jm_but_color" />
					</div>
				</div>
				<div class="table-wrapper plr10">
					<table class="table ColorTable" width="100%">
						<thead>
							<tr>
							    <th>工号</th>
							    <th>部门</th>
							    <th>姓名</th>
							    <th>职务</th>
							    <th>系统</th>
							    <th>负责科目</th>
							    <th>累计任务系数</th>
							    <th>累计管理奖罚</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>1</td>
								<td>主案系统</td>
								<td>销售</td>
								<td>接单</td>
								<td>郑亮</td>
								<td>1.5</td>
								<td>5-8</td>
								<td>4天</td>
							</tr>
							<tr>
								<td>1</td>
								<td>主案系统</td>
								<td>销售</td>
								<td>接单</td>
								<td>郑亮</td>
								<td>1.5</td>
								<td>5-8</td>
								<td>4天</td>
							</tr>
							<tr>
								<td>1</td>
								<td>主案系统</td>
								<td>销售</td>
								<td>接单</td>
								<td>郑亮</td>
								<td>1.5</td>
								<td>5-8</td>
								<td>4天</td>
							</tr>
							<tr>
								<td>1</td>
								<td>主案系统</td>
								<td>销售</td>
								<td>接单</td>
								<td>郑亮</td>
								<td>1.5</td>
								<td>5-8</td>
								<td>4天</td>
							</tr>
							<tr>
								<td>1</td>
								<td>主案系统</td>
								<td>销售</td>
								<td>接单</td>
								<td>郑亮</td>
								<td>1.5</td>
								<td>5-8</td>
								<td>4天</td>
							</tr>
							<tr>
								<td>1</td>
								<td>主案系统</td>
								<td>销售</td>
								<td>接单</td>
								<td>郑亮</td>
								<td>1.5</td>
								<td>5-8</td>
								<td>4天</td>
							</tr>
						</tbody>
					</table>
					
					<!--分页开始-->
					<div class="pagination j_outerheight">
			            <div class="btm-tool con" id="Pagination">
			            	<div class="pagination">
			            		<span class="pageInfo">
			            			<span class="pagerleft">共有<b>23</b>条数据 共<b class="pageInfo_total">2</b>页 </span>
			            		</span>
			            		<a href="javascript:" class="prev">&lt;</a>
			            		<a href="javascript:" class="current jm_current">1</a>
			            		<a href="javascript:">2</a>
			            		<a href="javascript:" class="next">&gt;</a>
			            		<input type="text" id="jumpPage" value="" style="width:30px;height:30px;margin:-3px 5px 0;">
			            		<input type="button" id="btnJumpPage" value="跳转" class="jumpcss">
			            	</div>
			            </div>
			            <span id="spanTS"></span>
			        </div>
			        <!--分页结束-->
				</div>
			</div>

		</div>
	</div>
	
	<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
	<!--点击圆圈效果-->
	<script src="js/jquery.rippleria.min.js" type="text/javascript" charset="utf-8"></script>
	<!--模拟滚动条-->
	<script src="js/scroll.js" type="text/javascript" charset="utf-8"></script>
	<!--主导航-->
	<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/rxued.js" type="text/javascript" charset="utf-8"></script>
	<!--placeholder-->
	<script src="js/jquery.placeholder.1.3.min.js" type="text/javascript" charset="utf-8"></script>
	<!--分页-->
	<script src="js/jquery.pagination.js" type="text/javascript" charset="utf-8"></script>
	<script>
		$(function(){
			//表格隔行换色
        	rxued.table.LChangeapart($(".ColorTable tbody tr"),"#fff","#fcfcfc")
        	rxued.table.hoverChage($(".ColorTable tbody tr"),"#eee");
        	
        	//table切换
	        $(".sub-nav li").click(function(){
	        	$(this).addClass("current").siblings().removeClass("current");
	        })
		})
	</script>
	</body>
</html>
